
<template>
  <div>
    <img class="w-96 h-96 cur-img" :src="imgs" alt="图片">
  </div>
</template>

<script lang='ts' setup>
defineProps(['imgs'])
</script>
<style scoped>
.cur-img {
  border-radius: 4px;
}
.more-img {
  height: 100px;
}

.img-wrap {
  display: flex;
  width: 100%;
  padding: 20px 35px;
}
.img-wrap img {
  border-radius: 4px;
}
.img-border {
  margin-right: 20px;
  padding: 2px;
  border-radius: 4px;
  border: 1px solid transparent;
}
.active {
  border-color: red;
}
</style>
